<html><!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Mask 动画效果</title>
<script src="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/seed.js" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
<link href="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" rel="stylesheet"/>
<link rel="stylesheet" href="assets/cool.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/overlay/assets/cool.css"/>
    <link rel="stylesheet" href="assets/loading.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/overlay/assets/loading.css"/>

<link href="../button/assets/custombutton.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/button/assets/custombutton.css" rel="stylesheet"/>
<style>
    .ks-overlay {
        position:absolute;
        left:-9999px;
        top:-9999px;
    }

    .ks-overlay-hidden {
        visibility: hidden;
    }

    .ks-overlay-mask-hidden {
        display: none;
    }

    .ks-overlay-shown {
        visibility: visible;
    }

    .ks-overlay-mask-shown{
        display: block;
    }

    .ks-overlay-proxy {
        border: 1px solid red;
        position: absolute;
        left: -9999px;
        top: -9999px;
        z-index: 10000;
    }
</style>
</head>
<body>
<div id="button-wrap"></div>
<div style="height: 800px">

</div>
<script src="assets/mask-anim.js" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/overlay/assets/mask-anim.js"></script>
</body>
</html>